<template>
    <div style="background-color: chartreuse;">
        姓名{{ name1 }}
        年龄{{ age }}
        性别{{ gender }}
        爱好{{ hobby }}
    </div>
</template>

<script>
export default {
    data(){
        return{
            props:{
                name1:{
                    type:String,//检查数据类型
                    required:true//必须传递的属性
                },
                age:{
                    type:[String,Number]//两种数据类型都是允许的
                },
                gender:{
                    type:String,
                    default:'男',
                },
                hobby:{
                    type:Array,
                    default(){
                        return ['唱歌','跳舞']
                    }
                }
            }
        }
    }
}
</script>